<div id="ServiceArea" data-title="设置服务区域">
    <style>@@include('modules/user/ServiceArea/main.css.min')</style>

    <div id="area_vue">
        <div class="scroll-pane container">
            <h3>设置服务区域</h3>
            <div class="item nationwide" evt="chooseAllNation">
                <span class="item-name">全国可提供服务</span>
                <span class="pull-right option"></span>
            </div>
            <div class="item" v-for="prov in citys" v-bind:prov_id="prov.adcode" v-bind:choosed="prov.hasChoosed" v-bind:isProvCity="prov.provCity" v-on:click="clickProv(prov,$event)">
                <span class="item-name" v-html="prov.name"></span>
                <span class="pull-right" v-if="prov.provCity == true" v-bind:class="[prov.hasChoosed?'icon-checkmark':'option']"></span>
                <span class="pull-right" v-else v-bind:class="{'light-gray':prov.containType==0}">
                <span class="containInfo" v-html="prov.containInfo"></span>
                &nbsp;<span class="icon-right"></span>
            </span>
            </div>
        </div>
        <button class="btn btn-primary" v-on:click="setServiceArea">提交</button>
    </div>
</div>